<template>
  <div class="echart-series-graph">
    <FormItem
      :form="form"
      option="echart.labelDisplayType"
      :label="$demoi18n('word.showInBubble')"
      type="checkbox_array"
      :options="showLabels"
      series-type="graph"
    />
    <FormItem
      :form="form"
      option="echart.splitLine.show"
      :label="$demoi18n('echart.label.splitLine')"
      type="checkbox_array"
      :options="showLabels"
    />
  </div>
</template>
<script>
import FormItem from '@/components/common/echart/form-item.vue';
import echartUtil from '@/components/common/echart/echart-util.js';
import { pieSelectModes } from '@/components/common/echart/form-item-options.js';
export default {
  components: { FormItem },
  props: {
    form: Object,
  },
  data() {
    return {
      pieSelectModes,
      showLabels: [
        { label: this.$demoi18n('panel.label.name'), key: 'name' },
        { label: this.$demoi18n('word.numValue'), key: 'value' },
        { label: this.$demoi18n('panel.tab.percentage'), key: 'persentage' },
      ],
    };
  },
  computed: {},
  methods: {},
};
</script>
<style lang="less" scoped></style>
